簡介:JavaScript如何“制霸”前端?
js工程師可以非常自信的說:在前端工作中,沒什么是JavaScript實現不了的。
Web前端工程師入行門檻低,前景更廣闊的,近些年來入行的新人數不勝數,而作為前端“萬金油”萬金油的JavaScript,熱度自然居高不下。
本課程包含了很完善的JavaScript基礎必備的知識。以知識點與小案例結合的形式書寫,確保每個知識點都有對應的練習題,讓你一邊學習一邊練習,重點知識及時實踐,加深記憶,鞏固學習成果。
學完本課程后,你可以掌握:js基礎語法(變量、邏輯與、或、非)、數組、流程控制語句(判斷、多種循環)、函數、事件、內置對象、瀏覽器對象、DOM等知識點
通過本門課程的學習,你可以順利完成JavaScript基礎入門,獨立實現簡單的頁面交互,不論你是計算機專業畢業生,還是轉行IT的新手程序員,本門課程都能帶你無壓力的入門JavaScript。
第1章 系好安全帶,準備啟航
本章節主要講解如何在HTML文件中添加JavaScript代碼,引用獨立JS文件,學習必要的基礎語法,為下一章學習打下基礎。
第2章 你要懂的規則(JS基礎語法)
本章節主要講解變量聲明、變量類型,如何對它們進行賦值、改變、計算等一系列操作,掌握不同運算符的使用方法,靈活運用算術運算符、比較運算符、邏輯運算符對變量和數值進行操作。
第3章 一起組團(數組)
本章節主要講解數組的概念,如何創建、賦值、使用數組,如何獲得數組長度。
第4章 跟著我的節奏走(流程控制語句)
通過本章,掌握控制語句的執行順序。因為JavaScript程序中的語句一般按出現的順序執行,有時這樣執行不能滿足我們的需要,因此大多數編程語言都提供了流程控制語句,控制代碼的順序。
第5章 小程序,大作用(函數)
函數是一段JavaScript代碼,它只定義一次,可被執行或調用任意次。掌握函數的定義、引用。
第6章 事件響應,讓網頁交互
JavaScript和HTML之間的交互是通過用戶和瀏覽器操作界面引發的事件來處理,本章介紹事件處理的概念,常用觸發事件。
第7章 JavaScript內置對象
了解JavaScript自帶一些內置對象,掌握Math、Date、字符基礎對象和方法。
- 編程: 7-1 什么是對象
- 編程: 7-2 Date 日期對象
- 編程: 7-3 返回/設置年份方法
- 編程: 7-4 返回星期方法
- 編程: 7-5 返回/設置時間方法
- 編程: 7-6 String 字符串對象
- 編程: 7-7 返回指定位置的字符
- 編程: 7-8 返回指定的字符串首次出現的位置
- 編程: 7-9 字符串分割split()
- 編程: 7-10 提取字符串substring()
- 編程: 7-11 提取指定數目的字符substr()
- 編程: 7-12 Math對象
- 編程: 7-13 向上取整ceil()
- 編程: 7-14 向下取整floor()
- 編程: 7-15 四舍五入round()
- 編程: 7-16 隨機數 random()
- 編程: 7-17 Array 數組對象
- 編程: 7-18 數組連接concat()
- 編程: 7-19 指定分隔符連接數組元素join()
- 編程: 7-20 顛倒數組元素順序reverse()
- 編程: 7-21 選定元素slice()
- 編程: 7-22 數組排序sort()
- 編程: 7-23 編程練習
第8章 瀏覽器對象
介紹瀏覽器對象中,history,navigator,screen,location等。
- 編程: 8-1 window對象
- 編程: 8-2 JavaScript 計時器
- 編程: 8-3 計時器setInterval()
- 編程: 8-4 取消計時器clearInterval()
- 編程: 8-5 計時器setTimeout()
- 編程: 8-6 取消計時器clearTimeout()
- 編程: 8-7 History 對象
- 編程: 8-8 返回前一個瀏覽的頁面
- 編程: 8-9 返回下一個瀏覽的頁面
- 編程: 8-10 返回瀏覽歷史中的其他頁面
- 編程: 8-11 Location對象
- 編程: 8-12 Navigator對象
- 編程: 8-13 userAgent
- 編程: 8-14 screen對象
- 編程: 8-15 屏幕分辨率的高和寬
- 編程: 8-16 屏幕可用高和寬度
- 編程: 8-17 編程練習
第9章 DOM對象,控制HTML元素
通過本章學習,掌握如何控制HTML基礎元素,如何在文檔中選取單獨的元素,如何建創、插入和刪除元素,并修改樣式等。
- 編程: 9-1 認識DOM
- 編程: 9-2 getElementsByName()方法
- 編程: 9-3 getElementsByTagName()方法
- 編程: 9-4 區別getElementByID,getElementsByName,getElementsByTagName
- 編程: 9-5 getAttribute()方法
- 編程: 9-6 setAttribute()方法
- 編程: 9-7 節點屬性
- 編程: 9-8 訪問子節點childNodes
- 編程: 9-9 訪問子節點的第一和最后項
- 編程: 9-10 訪問父節點parentNode
- 編程: 9-11 訪問兄弟節點
- 編程: 9-12 插入節點appendChild()
- 編程: 9-13 插入節點insertBefore()
- 編程: 9-14 刪除節點removeChild()
- 編程: 9-15 替換元素節點replaceChild()
- 編程: 9-16 創建元素節點createElement
- 編程: 9-17 創建文本節點createTextNode
- 編程: 9-18 瀏覽器窗口可視區域大小
- 編程: 9-19 網頁尺寸scrollHeight
- 編程: 9-20 網頁尺寸offsetHeight
- 編程: 9-21 網頁卷去的距離與偏移量
- 編程: 9-22 編程練習